@charset "utf-8";
/* PC端共通样式 */
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
body,button,dd,div,dl,dt,input,li,ol,p,ul{box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
body,button,input,keygen,legend,select,textarea{line-height:auto;font-family:Microsoft Yahei,"微软雅黑", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}
body,html{width:100%;height:100%;color:#333}
a{outline:0;background:0 0;text-decoration:none !important;-webkit-tap-highlight-color:transparent;transition: all linear 0.2s;cursor: pointer}
input[type='button'],input[type='submit']{transition: all linear 0.2s}
em,i{font-style:normal}
img{outline:0;border:none;max-width:100%}
a,button,input,textarea{outline:0}
select::-ms-expand{display:none}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none}
input::-webkit-input-speech-button{display:none}
textarea{resize:none;-webkit-appearance:none}
button{border-radius:0}
select{outline:0;border:none;background:0 0;-webkit-appearance:none;appearance:none;-moz-appearance:none}
.css{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.animation-a{-webkit-transition:all .3s;transition:all .3s}/*a标签动画效果增加此class*/
.toast-window-wrap{position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);max-width:60%;width:auto;padding:14px;background:rgba(0, 0, 0, .8);font-style:normal;font-size:1.33rem;text-align:center;color:#fff;z-index:99999;border-radius:5px}
.jm-cb{clear:both;display:block}
.jm-p0{padding:0 !important}
.jm-m0{margin:0 !important}
.jm-show{display:inline-block !important; opacity:1 !important;}/*显示*/
.jm-hidden{display:none !important}/*隐藏*/
.jm-fl{float:left}/*左浮动*/
.jm-fr{float:right}/*有浮动*/
.jm-oh{overflow:hidden}/*滚动条隐藏*/
.jm-tal{text-align:left}/*内容左对齐*/
.jm-tac{text-align:center}/*内容居中对齐*/
.jm-tar{text-align:right}/*内容右对齐*/
.jm-taj{text-align:justify;text-justify:inter-ideograph}/*内容两端对齐*/
.jm-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}/*禁止选择，防复制*/
.wap-space{width: 100%;display: block;clear: both;height: 3rem;}
.bg-gray{background: #f4f4f4}
@media screen and (min-width:321px) and (max-width:375px) {
html {
	font-size: 10px
}
}

@media screen and (min-width:376px) and (max-width:414px) {
html {
	font-size: 12px
}
}

@media screen and (min-width:415px) and (max-width:639px) {
html {
	font-size: 12px
}
}

@media screen and (min-width:640px) and (max-width:719px) {
html {
	font-size: 12px
}
}

@media screen and (min-width:720px) and (max-width:749px) {
html {
	font-size: 12px
}
}

@media screen and (min-width:750px) and (max-width:799px) {
html {
	font-size: 12px
}
}

@media screen and (min-width:800px) {
html {
	font-size: 12px
}
}

/*动画效果*/
@keyframes error-move{
	0%{
		transform:translateX(0px)
	}
	50%{
		transform:translateX(5px)
	}
	100%{
		transform:translateX(0px)
	}
}
@-moz-keyframes error-move{
	0%{
		transform:translateX(0px)
	}
	50%{
		transform:translateX(5px)
	}
	100%{
		transform:translateX(0px)
	}
}
@-webkit-keyframes error-move{
	0%{
		transform:translateX(0px)
	}
	50%{
		transform:translateX(5px)
	}
	100%{
		transform:translateX(0px)
	}
}
@keyframes up-move{
	0%{
		transform:translateY(0px)
	}
	50%{
		transform:translateY(10px);
		opacity: .7
	}
	100%{
		transform:translateY(0px)
	}
}
@keyframes up-move2{
	0%{
		transform:translateY(0px)
	}
	50%{
		transform:translateY(4px);
		opacity: .7
	}
	100%{
		transform:translateY(0px)
	}
}

@-moz-keyframes opa-animate{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@-webkit-keyframes opa-animate{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@keyframes opa-animate{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@keyframes load-move{
	0%{
		transform:translateY(30px);
		opacity:0
	}
	100%{
		transform:translateY(0px);
		opacity:1
	}
}
@-moz-keyframes load-move{
	0%{
		transform:translateY(30px);
		opacity:0
	}
	100%{
		transform:translateY(0px);
		opacity:1
	}
}
@-webkit-keyframes load-move{
	0%{
		transform:translateY(30px);
		opacity:0
	}
	100%{
		transform:translateY(0px);
		opacity:1
	}
}
@keyframes mapAnimation{
	0%{
		width: 0;
		height: 0;
		opacity: 1;
	}
	100%{
		width: 40px;
		height: 40px;
		opacity: 0;
	}
}
.common-wap-nav{
	padding: 1rem 1rem;
	position: relative;
	background: #2d9f7e
}
.common-wap-nav a img{
	width: 24%
}
.common-wap-nav .tel-area{
	display: inline-block;
	vertical-align: middle;
	width: 43%;
	text-align: right;
	font-size: 0
}
.common-wap-nav .tel-area a{
	display: inline-block;
	margin-left: 2vw;
	font-size: 4vw;
	color: #fff;
}
.common-wap-nav .tel-area img{
	width: 7vw;
}
.common-wap-nav i{
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 2rem;
	color: #fff
}
.wap-nav-dropdown{
	position: fixed;
	left: 0;
	top: 0;
	height: 0;
	width: 100%;
	z-index: 20;
	background: rgba(0,0,0,.8);
	pointer-events: none;
	transition: all linear 0.2s;
	opacity: 0
}
.wap-nav-dropdown.active{
	height: 100%;
	pointer-events: auto;
	opacity: 1
}
.wap-nav-dropdown a{
	display: block;
	color: #fff;
	border-bottom: 1px solid #fff;
	line-height: 4rem;
	font-size: 1.33rem;
	text-align: center;
}
.wap-nav-dropdown a:first-of-type{
	line-height: normal;
	padding: 5vw 0
}
.wap-nav-dropdown a:first-of-type img{
	width: 30%
}
.wap-nav-dropdown a.active{
	background: #ff4838;
}
.common-pages{
	text-align: center;
	font-size: 0;
	padding: 5rem 0
}
.common-pages a{
	display: inline-block;
	line-height: 2.5rem;
	margin: 0 2px;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 3px;
	font-size: 1.16rem;
	color: #888;
	padding: 0 1rem;
}
.common-pages a[href]{
	color: #333;
}
.common-pages a[href]:hover,.common-pages a.active{
	color: #2d9f7e;
}
.feedback h3{
	font-size: 1.5rem;
	padding-bottom: 2rem
}
.feedback .select-area{
	width: 100%;
	border: 0.1rem solid #cdcdcd;
	padding: 0 1rem;
	height: 3.3rem;
	line-height: 3.3rem;
	position: relative;
	font-size: 0
}
.feedback .select-area select{
	font-size: 1.16rem;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	line-height: 2.6rem;
	margin-top: -1px;
	cursor: pointer
}
.feedback .select-area i{
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	border-top: 0.9rem solid #333;
	border-left: 0.6rem solid transparent;
	border-right: 0.6rem solid transparent;
}
.feedback em{
	display: block;
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 0.5rem
}
.feedback input{
	display: inline-block;
	background: none;
	border: none;
	background: #fff;
	padding: 0 1rem;
	height: 4.16rem;
	width: 500px;
	max-width: 100%;
	font-size: 1.33rem;
	margin-bottom: 2.4rem;
}
.feedback textarea{
	width: 500px;
	max-width: 100%;
	background: none;
	border: none;
	resize: none;
	background: #fff;
	height: 13rem;
	padding: 1rem;
	font-size: 1.33rem;
}
.feedback .yzm-area{
	margin-top: 1rem;
}
.feedback .yzm-area input{
	margin-right: 1rem;
	width: 9rem;
	vertical-align: middle;
	margin-bottom: 0
}
.feedback .yzm-area span img{
	width: 8rem;
	height: 4.16rem;
	display: inline-block;
	vertical-align: middle
}
.feedback .yzm-area span span{
	font-size: 1.33rem;
	margin-left: 1rem;
	color: #999;
	cursor: pointer
}
.feedback .yzm-area span span b{
	margin-left: 0.5rem;
	color: #3f82f4;
	text-decoration: underline;
	font-weight: normal
}
.feedback input[type=button]{
	background: none;
	border: none;
	width: 13rem;
	height: 4.1rem;
	font-size: 1.33rem;
	margin-top: 2.5rem;
	background: #0f4fc7;
	color: #fff;
	text-align: center;
}
.feedback input[type=button]:hover{
	opacity: 0.8
}
.BMap_Marker img{
	width: auto;
	max-width: none
}
.BMapLabel{
	max-width: none;
	border: 1px solid #808080 !important
}
.common-wap-botnav{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1200;
	display: flex;
	justify-content: space-between;
	background: #fff;
	border-top: 1px solid #ccc;
	width: 100%;
	padding: 2vw 0;
}
.common-wap-botnav a{
	display: inline-block;
	flex: 1;
	text-align: center;
}
.common-wap-botnav a i{
	display: block;
	font-size: 4vw;
	text-align: center;
	color: #333;
}
.common-wap-botnav a span{
	display: block;
	font-size: 1rem;
	padding-top: 0.5rem;
	color: #333;
}
@media (max-width:1200px) {
	.feedback{
		margin-top: 1rem
	}
	.feedback input{
		width: 100% !important;
		height: 3.16rem;
		line-height: 3.16rem;
		margin-bottom: 1rem
	}
	.feedback .yzm-area > span{
		margin-top: 0.8rem;
		display: block
	}
	.feedback input[type=button]{
		margin-bottom: 3rem;
	}
	.common-pages{
		text-align: left;
		padding: 5vw 0
	}
	.common-pages a{
		margin-bottom: 0.4rem
	}
	.feedback textarea{
		height: 10rem
	}
	.feedback .yzm-area span img{
		height: 3rem;
	}
}